<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>游戏职业核心技能</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 20px;
            background-color: #f5f5f5;
        }
        .container {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 20px;
        }
        .character-card {
            background-color: white;
            border-radius: 8px;
            padding: 15px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }
        .character-name {
            font-weight: bold;
            font-size: 18px;
            margin-bottom: 10px;
            color: #333;
            border-bottom: 1px solid #eee;
            padding-bottom: 5px;
        }
        .core-info {
            color: #666;
            font-size: 14px;
            margin-bottom: 10px;
        }
        .skills-list {
            list-style-type: none;
            padding-left: 0;
            margin: 0;
        }
        .skill-item {
            padding: 3px 0;
            font-size: 13px;
            color: #444;
        }
        .skill-item:before {
            content: "+";
            margin-right: 5px;
            color: #888;
        }
        .header {
            text-align: center;
            margin-bottom: 30px;
        }
        .header h1 {
            color: #333;
        }
    </style>
</head>
<body>
    <div class="header">
        <h1>职业核心技能列表</h1>
    </div>
    
    <div class="container">
        <!-- 英雄 -->
        <div class="character-card">
            <div class="character-name">英雄</div>
            <div class="core-info">四核六技</div>
            <ul class="skills-list">
                <li class="skill-item">终极打击</li>
                <li class="skill-item">战灵附体</li>
                <li class="skill-item">神圣审判/烙印</li>
                <li class="skill-item">神圣冲击</li>
                <li class="skill-item">永恒之枪</li>
                <li class="skill-item">黑暗穿刺</li>
            </ul>
        </div>
        
        <!-- 圣骑士 -->
        <div class="character-card">
            <div class="character-name">圣骑士</div>
            <div class="core-info">四核六技</div>
            <ul class="skills-list">
                <li class="skill-item">灵魂助力</li>
                <li class="skill-item">RUEHER</li>
                <li class="skill-item">炙焰笼罩</li>
                <li class="skill-item">迷雾爆发</li>
                <li class="skill-item">天降落星</li>
                <li class="skill-item">链环闪电</li>
            </ul>
        </div>
        
        <!-- 魔导师(火毒) -->
        <div class="character-card">
            <div class="character-name">魔导师(火毒)</div>
            <div class="core-info">六核九技</div>
            <ul class="skills-list">
                <li class="skill-item">冰破魔兽</li>
                <li class="skill-item">寒霜爆晶</li>
                <li class="skill-item">光芒飞箭</li>
                <li class="skill-item">创世之破</li>
                <li class="skill-item">群体治愈/天使之触</li>
                <li class="skill-item">箭拓炮盘/闪光魔迹</li>
            </ul>
        </div>
        
        <!-- 魔导师(冰雷) -->
        <div class="character-card">
            <div class="character-name">魔导师(冰雷)</div>
            <div class="core-info">四核六技</div>
            <ul class="skills-list">
                <li class="skill-item">暗红释魂/追加释现</li>
                <li class="skill-item">暗红星爆/追加星爆</li>
                <li class="skill-item">主教转换</li>
                <li class="skill-item">连珠突半</li>
                <li class="skill-item">远古杀阵</li>
                <li class="skill-item">穿透箭/强力贯长</li>
            </ul>
        </div>
        
        <!-- 神射手 -->
        <div class="character-card">
            <div class="character-name">神射手</div>
            <div class="core-info">五核八技</div>
            <ul class="skills-list">
                <li class="skill-item">一击要害箭/增强型</li>
                <li class="skill-item">迅捷闪电/冰凤凰</li>
                <li class="skill-item">四连镖</li>
                <li class="skill-item">刺客标记/隐士标记</li>
                <li class="skill-item">RAZ</li>
                <li class="skill-item">暗杀</li>
                <li class="skill-item">爆头</li>
                <li class="skill-item">金属风暴</li>
            </ul>
        </div>
        
        <!-- 古迹狂人 -->
        <div class="character-card">
            <div class="character-name">古迹狂人</div>
            <div class="core-info">六核九技</div>
            <ul class="skills-list">
                <li class="skill-item">船长的威严</li>
                <li class="skill-item">战船豆炸机</li>
                <li class="skill-item">强化召唤船员/集合</li>
                <li class="skill-item">加农火科炮</li>
                <li class="skill-item">双胞胎猴子支援</li>
                <li class="skill-item">集中炮击</li>
                <li class="skill-item">诺特勒斯战舰</li>
                <li class="skill-item">猴子爆强/迷你火炮弹</li>
                <li class="skill-item">致命突击</li>
            </ul>
        </div>
        
        <!-- 龙神 -->
        <div class="character-card">
            <div class="character-name">龙神</div>
            <div class="core-info">八核十二技</div>
            <ul class="skills-list">
                <li class="skill-item">魔力之环</li>
                <li class="skill-item">飞龙内</li>
                <li class="skill-item">狂风之环</li>
                <li class="skill-item">巨龙迅捷</li>
                <li class="skill-item">雷电之环</li>
                <li class="skill-item">巨龙俯冲</li>
                <li class="skill-item">闪电反击</li>
                <li class="skill-item">绝对死亡</li>
                <li class="skill-item">启示录</li>
                <li class="skill-item">伊师塔之环</li>
                <li class="skill-item">飞叶龙卷风/狂风俯冲</li>
                <li class="skill-item">精灵骑士</li>
            </ul>
        </div>
        
        <!-- 神之子 -->
        <div class="character-card">
            <div class="character-name">神之子</div>
            <div class="core-info">七核十技</div>
            <ul class="skills-list">
                <li class="skill-item">传说之矛</li>
                <li class="skill-item">艾琳之怒</li>
                <li class="skill-item">蓝光连击</li>
                <li class="skill-item">卡片风暴</li>
                <li class="skill-item">卡片雪舞</li>
                <li class="skill-item">爆流产</li>
                <li class="skill-item">精灵化身</li>
                <li class="skill-item">她雷层龙斩</li>
                <li class="skill-item">扇击</li>
                <li class="skill-item">MIZE</li>
            </ul>
        </div>
        
        <!-- 更多职业卡片可以按照相同格式添加 -->
        
    </div>
</body>
</html>